<!DOCTYPE html>
<html lang="en" class="no-js">

<head>

    <meta charset="utf-8">
    <#if type == "login">
        <title>登录-听说</title>
    <#elseif type == "signup">
        <title>注册-听说</title>
    </#if>

    <meta name ="viewport" content="width = device-width,initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- CSS -->
    <link rel="stylesheet" href="/css/login2.css">

</head>

<body>
<#if type == "login">
    <div class="page-container">
        <h1>登 录</h1>
        <div style="width:300px; margin: 0 auto;">
            <input type="text" name="login_email" class="username" placeholder="请输入邮箱..." id="login_email">
            <input type="password" name="login_pwd" class="password" placeholder="请输入密码..." id="login_pwd">
            <button id="login_btn">登  录</button>
            <span class="no-ac">没有账号？去<a href="/signup_view">注册</a></span>
        </div>
        <div class="other-login">
            <div style="margin-top:10px;float:left;">
                <span>使用以下账号直接登录：</span>
            </div>
            <div class="login-logos">
                <div class="qq-login login-logo">
                </div>
                <div class="weixin-login login-logo"></div>
                <div class="facebook-login login-logo"></div>
            </div>
        </div>
    </div>
<#elseif type == "signup">
    <div class="page-container-signup">
        <h1>注 册</h1>
        <div style="width:300px; margin: 0 auto;">
            <input type="text" placeholder="请输入昵称..." name="display_name" id="display_name"/>
            <input type="text" placeholder="请输入邮箱..." name="rei_email" id="rei_email"/>
            <input type="password" placeholder="请输入密码..." name="rei_pwd" id="rei_pwd"/>
            <button id="signup" class="login_btn">注  册</button>
            <span class="no-ac">已有账号？去<a href="/login_view">登录</a></span>
        </div>
        <div class="other-login">
            <div style="margin-top:10px;float:left;">
                <span>使用以下账号直接登录：</span>
            </div>
            <div class="login-logos">
                <div class="qq-login login-logo">
                </div>
                <div class="weixin-login login-logo"></div>
                <div class="facebook-login login-logo"></div>
            </div>
        </div>
    </div>
</#if>

<!-- Javascript -->
<script type='text/javascript' src='//cdn.bootcss.com/jquery/1.12.3/jquery.min.js'></script>
<script src="${request.contextPath!}/js/jquery.md5.js"></script>
<script src="/js/supersized.3.2.7.min.js"></script>
<script src="/js/xss.js"></script>
<script src="/js/login.js"></script>
<script type="text/javascript" src="${request.contextPath!}/layer/layer.js"></script>
<script type="text/javascript" src="${request.contextPath!}/js/easy.ajax.js"></script>

</body>

</html>
